<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>V-for循环</title>
    <script src="js/vue.js"></script>
</head>
<body>

<div id="app">
    <p>V- for循环获取对象的属性</p>
<!--<p v-for="v in student">{{v}}</p>-->
<!--    第一个参数是值， 第二个参数是下标-->
<p v-for="(v,k) in student">属性名：{{k}} : 属性值：{{v}}</p>

    <hr>
<!--    下标是0 属性名是name 属性值ff-->
    <p v-for="(v,k,i) in student">下标是{{i}} 属性名是{{k}} 属性值{{v}}</p>
</div>

<script>
    new Vue({
        el:"#app",
        data:{
           student:{
               name:"ff",
               age:12
           }
        }
    });
</script>
</body>
</html>